<template>
  <div class="app">
    <div class="base-chart-box">
      这是一个捣乱的盒子
    </div>
    <BaseChart ref="baseChartRef"></BaseChart>
    <Button @click="test">父组件调用子组件的方法</Button>
  </div>
</template>

<script>
import BaseChart from './components/BaseChart.vue'
export default {
  components:{
    BaseChart
  },
  mounted() {
    console.log(this.$refs.baseChartRef);
  },
  methods:{
    test(){
      this.$refs.baseChartRef.add();
    }
  }
}
</script>

<style>
.base-chart-box {
  width: 200px;
  height: 100px;
}
</style>